<div class="demo-gestures">
    <div (pan)="panCount = panCount + 1" (longpress)="longpressCount = longpressCount + 1"
         (press)="pressCount = pressCount + 1" (swipe)="swipeCount = swipeCount + 1"
         (slide)="slideCount = slideCount + 1">
        Drag, swipe, or press me.
    </div>
    <p>Pan: {{panCount}}</p>
    <p>Longpress: {{longpressCount}}</p>
    <p>Press: {{pressCount}}</p>
    <p>Swipe: {{swipeCount}}</p>
    <p>Slide: {{slideCount}}</p>
</div>
